<template>
    <div id="app">
        <!-- <router-view /> -->
        <el-container>
                <Tabber/>
            <el-main>
                <transition name="fade-transform" mode="out-in">
                    <keep-alive live>
                        <router-view :key="key" />
                    </keep-alive>
                </transition>
            </el-main>
            <el-footer>
                <Footer/>
            </el-footer>
        </el-container>
    </div>
</template>
<script>
export default {
    name: 'AppMain',
    components: {
    },
    computed: {
        key() {
            return this.$route.fullPath
        }
    }
}
</script>

<style>
::v-deep .el-header{
    padding: 0px;
}
/*每个页面公共css */
@import url("./style/common.css");
#app {
    /* font-family: Poppins, "Microsoft JhengHei"; */
    -webkit-font-smoothing: antialiased;  /*适配谷歌在像素级别上平滑字体 */
     -moz-osx-font-smoothing: grayscale;  /*适配火狐使用灰度抗锯齿渲染文本 */
    color: #434d56;
    background: #ffffff;
}
</style>
